{% load staticfiles %}
<!DOCTYPE html>
<html class="no-js" lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    {% block title %}
        <title>{{ headline|default:"追梦人物的博客 - 探索 Python、分享 Python" }}</title>
    {% endblock title %}
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="baidu-site-verification" content="BB0a0qDxyr"/>
    <meta name="robots" content="follow, all"/>
    <meta name="description" content="探索 Python 世界，分享 django web开发、Python 数据分析、Python 网络爬虫等一切与 Python 相关的知识"/>
    <!-- favicon
    ============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="{% static 'blog/img/favicon.png' %}">

    <!-- Google Fonts
    ============================================ -->
    {#    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>#}

    <!-- Bootstrap CSS
    ============================================ -->
    {#    <link rel="stylesheet" href="{% static 'blog/css/bootstrap.min.css' %}">#}
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- font-awesome CSS
    ============================================ -->
    {#    <link rel="stylesheet" href="{% static 'blog/css/font-awesome.min.css' %}">#}
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- owl.carousel CSS
    ============================================ -->
    {#    <link rel="stylesheet" href="{% static 'blog/css/owl.carousel.css' %}">#}
    {#    <link rel="stylesheet" href="{% static 'blog/css/owl.theme.css' %}">#}
    {#    <link rel="stylesheet" href="{% static 'blog/css/owl.transitions.css' %}">#}
    <!-- meanmenu CSS
    ============================================ -->
    <link rel="stylesheet" href="{% static 'blog/css/meanmenu.css' %}">
    <!-- normalize CSS
    ============================================ -->
    {#    <link rel="stylesheet" href="{% static 'blog/css/normalize.css' %}">#}
    <link href="//cdn.bootcss.com/normalize/5.0.0/normalize.min.css" rel="stylesheet">
    <!-- main CSS
    ============================================ -->
    <link rel="stylesheet" href="{% static 'blog/css/main.css' %}">
    <!-- style CSS
    ============================================ -->
    <link rel="stylesheet" href="{% static 'blog/css/style.css' %}">
    <link rel="stylesheet" href="{% static 'blog/css/custom.css' %}">
    <!-- code highlight CSS
        ============================================ -->
    <link href="{% static 'blog/css/github.css' %}" rel="stylesheet">
    <!-- responsive CSS
    ============================================ -->
    <link rel="stylesheet" href="{% static 'blog/css/responsive.css' %}">
    <!-- modernizr JS
    ============================================ -->
    {% block link %}
    {% endblock link %}
    {% block style %}
    {% endblock style %}
    <script src="//cdn.bootcss.com/modernizr/2.8.3/modernizr.min.js"></script>
    {#    <script src="{% static 'blog/js/vendor/modernizr-2.8.3.min.js' %}"></script>#}
</head>
<body class="home-2">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->

<!-- header-area start -->
<header id="header" class="header-area">
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="header-top-left">
                        <ul class="social-icons">
                            <li><a href="https://github.com/zmrenwu"><i class="fa fa-github" aria-hidden="true"></i></a>
                            </li>
                            <li><a href="http://weibo.com/u/2494998151"><i class="fa fa-weibo"
                                                                           aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="header-top-right fix">
                        <div class="header-search">
                            <form action="#" method="post">
                                <button type="button" class="search-toggler"><i class="fa fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- /.header-top -->
    <div class="header-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="logo">
                        <a href="{% url 'blog:index' %}">
                            <img src="{% static 'blog/img/logo.png' %}" alt="Logo"/>
                        </a>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="main-menu">
                        <nav>
                            <ul class="main-nav navbar-right">
                                <li><a href="{% url 'blog:index' %}">主页</a></li>
                                <li><a href="{% url 'blog:about' %}">关于</a></li>
                                <li><a href="{% url 'blog:contact' %}">联系我</a></li>
                            </ul>
                        </nav>
                    </div><!-- /.main-menu -->
                </div>
            </div>
        </div>
        <!-- mobile-menu-area start -->
        <div class="mobile-menu-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <nav id="dropdown">
                            <ul>
                                <li><a href="{% url 'blog:index' %}">主页</a></li>
                                <li><a href="{% url 'blog:about' %}">关于</a></li>
                                <li><a href="{% url 'blog:contact' %}">联系我</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile-menu-area end -->
    </div><!-- /.header-bottom -->
</header>
<!-- header-area end -->

<!-- search-area start -->
<div class="search-area">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="search-form">
                    <span class="search-close"></span>
                    <form action="{% url 'blog:search' %}" method="get">
                        {% csrf_token %}
                        <input type="text" name="q" placeholder="输入关键词搜索..."/>
                        <button type="submit" class="search-btn"><i class="fa fa-search"></i></button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- search-area end -->

<!-- slider-area start -->

<!-- slider-area end -->

<!-- main-content-area start -->
<div id="main-content" class="main-content-area">
    <div class="container">
        <div class="row">
            {% block main %}
            {% endblock main %}
            {% block aside %}
                {% include 'blog/sidebar.html' %}
            {% endblock aside %}
        </div>
    </div>
</div>
<!-- main-content-area end -->

<!-- footer-area start -->
<footer id="footer" class="footer-area text-center">
    <p class="copyright-text">&copy; Copyright© 2016 zmrenwu.com. All right reserved.</p>
</footer>
<!-- footer-area end -->

<!-- jquery
============================================ -->
{#<script src="{% static 'blog/js/vendor/jquery-1.11.3.min.js' %}"></script>#}
<script src="//cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<!-- bootstrap JS
============================================ -->
{#<script src="{% static 'blog/js/bootstrap.min.js' %}"></script>#}
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="{% static 'blog/js/jquery.meanmenu.js' %}"></script>
<!-- owl.carousel JS
============================================ -->
<script src="{% static 'blog/js/owl.carousel.min.js' %}"></script>
<!-- scrollUp JS
============================================ -->
{#<script src="{% static 'blog/js/jquery.scrollUp.min.js' %}"></script>#}
<script src="//cdn.bootcss.com/scrollup/2.4.1/jquery.scrollUp.min.js"></script>
<!-- plugins JS
============================================ -->
<script src="{% static 'blog/js/plugins.js' %}"></script>
<script src="{% static 'blog/js/contents.js' %}"></script>
<!-- main JS
============================================ -->
<script src="{% static 'blog/js/main.js' %}"></script>
{% block script %}
{% endblock script %}
</body>
</html>
